.bg-f{background-color: #fff;}.bg-f1{background-color: #f1f1f1;}.bg-f6{background-color: #f6f6f6;}
.bg-sidebar{background-color: #001525 ;}

.w-full{width: 100%;}
.wh-full{width: 100%;height: 100%;}
.h-full{height: 100%;}
.h-48px{height: 48px;}
.lh-48px{height: 48px; line-height: 48px;}
.h-38px{height: 38px;}
.lh-38px{height: 38px; line-height: 38px;}
.lh-60px{height: 60px ;line-height: 60px}
.h-fixed-full{ height: 100vh;}
.w-fixed-full{ width: 100vw;}
.wh-fixed-full{ width: 100vw;height: 100vh;}
.w-220px{width: 220px !important;}
.min-h-300px{ min-height: 300px; }
.h-600px{height: 600px}
.h-300px{height: 300px}
.h-350px{height: 350px}

.box-sizing{box-sizing: border-box;}
/* 对齐 */
.text-center{ text-align: center;}
.text-right{  text-align: right;}
.text-left{  text-align: left;}
/* 定位 */
.pos-fixed{
    position: fixed;
}
.pos-rel{
    position: relative;
}
.pos-abs{
    position: absolute;
}

.pos-abs-right-center{
    position: absolute;
    right: 10px;
    top: 50%;
   transform: translateY(-50%);
}



/* 边距 */
.mar-tb-20px{
    margin-top: 20px;
    margin-bottom: 20px;
}
.mar-tb-10px{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mar-10px{margin:10px}
.mar-20px{margin:20px}
.mar-t-10px{  margin-top: 10px;}
.mar-t-20px{ margin-top: 20px;}
.mar-rl-10px{
    margin-right: 10px;
    margin-left: 10px;
}
/* 内边距 */
.pd-20px{  padding: 20px;}
.pd-10px{  padding: 10px;}
.pd-rl-10px{
    padding-right: 10px;
    padding-left: 10px;
}
.pd-tb-10-px{
    padding-top: 10px;
    padding-bottom: 10px;
}


.col-409eff{
    color: #409eff;
}
.col-red{
    color: red;
}
.col-danger{
    color: #f56c6c;
}
.col-f{color: #fff !important;}
.pointer{ cursor: pointer !important;}

.col-success{
    color: #67c23a;
}
.text-col-90{
    color: #909399;
}

/* 布局 */
.flex-1{flex: 1;}
.dis-flex{display: flex;}
.dis-lb{display: inline-block;}
.dis-col-flex{display: flex; flex-direction: column;}
.flex-ai{
    align-items:center;
}
.list-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.over-y-auto{ overflow-y: auto;}
.over-x-auto{ overflow-x: auto;}
.over-auto{overflow: auto;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar
{
    width: 6px; /*垂直方向*/
    height: 6px /*水平方向*/;
    background-color: #f1f1f1;
}

/*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-track
{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
*::-webkit-scrollbar-thumb
{
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #666;
}

/* 字体大小 */
.font-14px{font-size: 14px;}
.font-16px{font-size: 16px;}
.font-18px{font-size: 18px;}
.font-20px{font-size: 20px;}
.font-26px{font-size: 26px;}
.font-30px{font-size: 30px;}
.font-36px{font-size: 36px;}
.font-38px{font-size: 38px;}


.ui-input{
    width: 100%;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.ui-input:focus{
    border-color: #409EFF;
}
